<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>

<!-- 
{
	 "idVuelo":"",
     "nroAsiento":"",
     "dni":"",
     "cliente":""
     }
 -->

<script>
	var data;
	$(function() {

		$("#reservar")
				.click(
						function() {
						    var idVuelo="";
							var nroAsiento="";
						    var dni="";
						    var cliente="";
							var json="";
							
							if($('.idVuelo').val()!="") idVuelo=$('.idVuelo').val();
							if($('.nroAsiento').val()!="") nroAsiento=$('.nroAsiento').val();
							if($('.cliente').val()!="") cliente=$('.cliente').val();
							if($('.dni').val()!="") dni=$('.dni').val();
							
							json = "{\"idVuelo\":\" " + idVuelo + "\",\"nroAsiento\":\"" + nroAsiento + "\",\"dni\":\"" + dni + "\",\"cliente\":\"" + cliente + "\"}";
							
							$.ajax({
										url : 'http://localhost:8080/dreamteam/services/rest/reservas?json=' + json,
										type : 'POST',
										success : function(data) {
											alert("OK");
										},
										error : function(data) {
											alert("Error");
										}
									});
						});

	});
</script>

<form method="post" id="formVuelos" action="http://localhost:8080/dreamteam/services/rest/reservas">
	<div class="formReservar">
		<table class="tabla-basica">
			<caption>Reservar Vuelo</caption>
			<tbody>
				<tr>
					<td>Id Vuelo</td>
					<td><input type="text" name="idVuelo" id="idVuelo"></input></td>
				</tr>
				<tr>
					<td>Nro Asiento</td>
					<td><input type="text"name="nroAsiento" id="nroAsiento"></input></td>
				</tr>
				<tr>
					<td>DNI</td>
					<td><input type="text" name="dni" id="dni"></input></td>
				</tr>
				<tr>
					<td>Cliente</td>
					<td><input type="text"  name="cliente" id="cliente"></input></td>
				</tr>
				<tr>
					<td><input type="submit" id="reservar"
						value="Reservar"></td>
					<td></td>
				</tr>
			</tbody>
		</table>
	</div>
</form>

